@charset "utf-8";
/* CSS Document */
@import url(Flex.css);/*外链css表*/

* { -webkit-text-size-adjust: auto !important; -ms-text-size-adjust: auto !important; }/*Chrome默认字体最小为12px，*/
html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }/*字体抗锯齿渲染*/
body { font: normal 100%/1.5 'PingFang SC', 'Microsoft YaHei', 'Tahoma', 'Arial', 'sans-serif'; color: #333; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body, div, h1, h2, h3, h4, h5, h6, b, em, i, span, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, textarea, button { font-style: normal; font-weight: normal; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, dl, li, dt, dd { list-style: none; }
input, textarea, button { border: none; outline: none; text-decoration: none; resize: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], button, textarea { -webkit-appearance: none !important;} /*去除input默认样式*/ 
input:-webkit-autofill {　-webkit-box-shadow: 0 0 0 1000px white inset;　-webkit-text-fill-color: #333;}/*解决谷歌input默认填充背景颜色*/
a {color: inherit; outline: none; text-decoration: none; cursor:pointer; }
a:hover { color: rgba(0, 126, 193, 1); }
a:focus, botton:focus, input:focus, textarea:focus  { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }/*去掉高光样式：*/
a:hover img { border: none; }
img, video { max-width: 100%; height: auto; border: none; outline: none; }
.clearfix { clear: both; zoom: 1; *zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
/*::-webkit-scrollbar{width:8px;height: auto} 滚动条整体样式
::-webkit-scrollbar-track{background-color:#eee;}滚动条里面小方块
::-webkit-scrollbar-thumb{background-color:#03a349;}滚动条里面轨道
::-webkit-scrollbar-thumb:hover {background-color:#4eab90;}
::-webkit-scrollbar-thumb:active {background-color:#4eab90;}*/



/********* public css *********/
body{ width: 100%; min-width:320px; padding-top:90px; overflow: auto; }
.w-auto{ width: 100%; max-width:1200px; margin: 0 auto; position: relative; box-sizing:border-box; }

/*** header css ***/
header { width:100%; height: 90px; position: fixed; top:0; z-index:999; background:#fff; }
header:before { content: ""; position:absolute; top:0; left:0; height:32px; width: 100%; background: #f6f6f6; }
header:after { content: ""; position:absolute; top:0; left:0; height:90px; width: calc(50% - 600px); background: linear-gradient(to right, rgba(0, 126, 193, .9) 0%, rgba(0, 126, 193, 1) 100%);}
header .w-auto{ height:100%; z-index:2; }
header .w-auto:after { content: ""; position:absolute; top:0; left:0; height:100%; width:18%; background: rgba(0, 126, 193, 1); }
header .logo a{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
-webkit-clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); 
height:100%; background: linear-gradient(140deg, rgba(0, 126, 193, 0) 0%, rgba(0, 126, 193, 1) 50%); position:relative; z-index:3;  }
header .logo img{ width:83.209%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); opacity:0; -webkit-animation: logo ease .8s 1.4s forwards; -moz-animation: logo ease .8s 1.4s forwards; -ms-animation: logo ease .8s 1.4s forwards; -o-animation: logo ease .8s 1.4s forwards; animation: logo ease .8s 1.4s forwards;}
@keyframes logo {
	from {transform: translateY(-100%);opacity:0;}
	to {transform: translateY(0%);opacity:1;}
}

.top{ display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;
-webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end;
width:66.666%; font-size:14px; height:32px; line-height:32px; position:absolute; top:0; right:0;}
.top span{ color:#666; margin-right:16px}
.language{ height:100%; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: relative; z-index:9; }
.language .Lang-a{ display:block; color:rgba(0, 126, 193, 1); background:#f6f6f6; padding: 0 16px; padding-left:40px;}
.language .Lang-a:before { content: ""; position:absolute; top:6px; left:12px; width:20px; height:20px; background:url('../images/Lang.gif') no-repeat center center rgba(0, 126, 193, 1); background-size:cover; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.language ul{ position: absolute; top:100%; left: -1px; width: 100%; z-index: -1; opacity: 0; border: 1px solid #e0e0e0; border-top: none;
-webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; transition: 0.5s ease 0s;
-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.language li { background: #f8f8f8; text-align:center; }
.language li.mob{ display:none; }
.language:hover ul{opacity: 1; background:#fff; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


/*** nav css ***/
.menuBtn { display:none; }
nav { padding-top:32px; box-sizing:border-box;}
.nav{ display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; height:100%; } 
.nav > li{ color:#373535; margin:0 2em; position:relative; height:100%;}
.nav > li.on::after { content: ''; position: absolute; left: -50%; top: 20%; width: 200%; height: 60%; background: rgba(0, 126, 193, 1);
-webkit-border-radius: 32px;-moz-border-radius: 32px;-ms-border-radius: 32px;-o-border-radius: 32px;border-radius: 32px;}
.nav > li.on a{ color:#fff;}
.nav > li > a{ display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
height:100%; position:relative; z-index:2; transition: all ease .3s;}
.nav > li > a:hover { transform: translateY(-2px); }
.nav > li:last-child{ margin-right:0;}
.nav > li > .has{ position:absolute; top:calc(50% - 3px); right:-16px; z-index:3; width:11px; height: 6px; margin-left:4px; background: url('../images/ico.png') no-repeat; background-position:left -8px;}
.nav li:hover > .has{ background-position:left top;}
.nav > li.on > .has{-webkit-filter: brightness(100); -moz-filter: brightness(100); -ms-filter: brightness(100); -o-filter: brightness(100); filter: brightness(100);}
.nav li .ulClass{ display: none; width:100%; position: fixed; left:0; top:90px; z-index:5; background:rgba(0,0,0,.75); box-sizing:border-box;}
.nav li .ulClass > ul{ display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;
-webkit-box-pack: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; max-width:1200px; padding: 16px; margin: 0 auto; position: relative; box-sizing:border-box;}
.nav li .ulClass ul li{color:rgba(255,255,255,.95);}
.nav li .ulClass > ul > li{ font-weight:bold; position:relative; padding:.5em 0;}
.nav li .ulClass > ul > li .has{ display:none;}
.nav li .ulClass .navSub{ position:relative; margin-left:4px;}
.nav li .ulClass .navSub::after{ content: ''; position: absolute; left:0; top:0; width:1px; height: calc(100% - 20px); background:#fff}
.nav li .ulClass .navSub li{  padding:8px 0 8px 1em; position:relative;}
.nav li .ulClass .navSub li::after{ content: ''; position: absolute; left:0; top:49%; width:8px; height:1px; background:#fff}

/*** footer css ***/
footer{ font-size:14px; color:rgba(255,255,255,.75); width:100%; background: url('../images/footbg.jpg') no-repeat center 30%; padding-top:64px; position:relative; }
footer:after {content: ""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background: rgba(8, 20, 25, .95);}
footer .w-auto{ z-index:2;}
footer .f-logo{ width:15%;}
footer .f-logo img{ width:auto; opacity:.75}
footer .Q-link{ width:45%}
footer .f-contact{ width:25%}
footer .Q-link .one li { padding:4px 0 ;}
footer .Q-link .two > li { width:33.3333%; padding:4px 0 0 0;}
footer .Q-link .two > li ul{ position:relative; margin-left:2px; padding-top:4px;}
footer .Q-link .two > li ul::after{ content: ''; position: absolute; left:0; top:0; width:1px; height: calc(100% - 14px); background:rgba(255,255,255,.75);}
footer .Q-link .two > li ul li{ padding:4px 0 4px 12px; position:relative; }
footer .Q-link .two > li ul li::after{ content: ''; position: absolute; left:0; top:49%; width:8px; height:1px; background:rgba(255,255,255,.75);}
footer .f-contact p{ width:100%;}
footer .f-contact p b{ display:inline-block; width:52px; margin-right:4px; text-align:right; vertical-align:top; white-space:nowrap;}
footer .f-contact p span{display:inline-block; width: calc(100% - 56px); }
.copyright{ width:100%; margin-top:40px; padding:40px 0 8px 0; border-top:solid 1px rgba(255,255,255,.25);}

/* 返回顶部 */
#goTop{ background:rgba(0, 126, 193, 1); position: fixed; z-index:99;right:32px; bottom:32px; display:none; width:32px; height:32px; border-radius:100%; cursor:pointer; text-align:center;}
#goTop a{ display: block; background: url('../images/ico.png') no-repeat 0 -116px; width:16px; height:16px; margin:8px auto 0 auto} 
#goTop:hover{ background:#000;}



@media (max-width: 1200px) {
body{ font-size:14px;}
.w-auto{ padding:0 16px; box-sizing:border-box; }
.top{ right:16px; width: 50%; }

footer .Q-link{ width:50%}

}

@media (max-width: 1024px) {
body{ padding-top:61px;}
header { height:60px; border-bottom: 1px solid rgba(0, 126, 193, 1);}
header:before,header:after{ display:none;}
header .w-auto{ -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background:#fff; }
header .w-auto:after { content: ""; width:20%; }
header .logo { width:25%; height:100%;}
header .logo img{ -webkit-animation: logo ease .75s 1s forwards; -moz-animation: logo ease .75s 1s forwards; -ms-animation: logo ease .75s 1s forwards; -o-animation: logo ease .75s 1s forwards; animation: logo ease .75s 1s forwards;}

.menuBtn { display:block; position: absolute; right:16px; z-index:99; width: 28px; height: 28px; padding: 0; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s }
.menuBtn b { display: block; height: 3px; background: rgba(0, 126, 193, 1); margin: 3px 0 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;  }
.menuBtn.open b { display: none; margin: 0; position: absolute; top: 50%; width: 30px }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }

.top{-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
width: calc(75% - 128px); right:100px; top: inherit; line-height:normal; }
.language{ border:none;}
.language .Lang-a,.language .Lang-a:before{ display:none}
.language ul.Lang-Op{ top:-2px; opacity: 1; border:none; -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.language li.mob{ display: block; position:relative; font-size:16px; width:36px; height:36px; line-height:34px; border-radius: 50%; border: 1px solid #ddd; box-sizing:border-box; }
.language li.pc{ display:none; }

.nav{ display:block; width:100%; height: 0; padding:0 16px; position:fixed; top:61px; left:0; z-index:-1; background: rgba(0, 0, 0, .75); text-align:left;-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition:.3s; overflow:scroll; overflow-x:hidden; box-sizing:border-box; } 
.nav.show{ height: 75%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} 
.nav > li{ height: auto; font-size:16px; color:#fff; padding:16px 0; margin:0; border-bottom:solid 1px rgba(255,255,255,.5); }
.nav > li.on::after { content: ''; display:none; }
.nav > li.on > a { color: rgba(0, 126, 193, 1); font-weight:bold;}
.nav li .ulClass{ display:none; position: relative; top: inherit; background:none;}
.nav li .ulClass > ul{ display:block;}
.nav li .ulClass ul li{  color:rgba(255,255,255,1);}
.nav li .ulClass > ul > li{ font-weight: normal; }
.nav li .ulClass .navSub{ display:none; }
.nav li .has{ display:block; width:24px; height: 24px; position:absolute; right:0; background:rgba(0, 126, 193, 1); }
.nav li .has::after { content: ""; position:absolute; top:calc(50% - 1px); left:25%; width:50%; height: 2px; background:#fff; }
.nav li .has::before { content: ""; position:absolute; top:25%; left:calc(50% - 1px); width:2px; height: 50%; background:#fff; }
.nav > li > .has{ top:16px}
.nav > li.active > .has::before { content: ""; display:none; }
.nav > li .ulClass > ul > li > .has{ display:block; width:20px; height: 20px; top:10px;}
.nav > li .ulClass > ul > li.active > .has::before { content: ""; display:none; }

footer { padding-top:48px;}
footer .Q-link{ display:none;}
footer .f-logo{ width:100%; text-align:center; margin-bottom:16px;}
footer .f-contact{ width:100%; text-align:center}
footer .f-contact p b{ width:auto}
footer .f-contact p span{ width:auto}
#goTop{ right:4px; bottom:4px; display:none; width:32px; height:32px; line-height:32px;}
}


@media (max-width: 800px) {
.top span{ font-size:12px}
.copyright{ margin-top:20px; padding:20px 0 20px 0;}
.copyright span,.copyright a{ width:100%; text-align:center}
}

@media (max-width: 480px) {
header .w-auto:after { content: ""; width:28%; }
header .logo { width:33.333%;}
.top{width: calc(66.6666% - 128px);}
.top span{ font-size:10px;}
}

@media (max-width: 400px) {
header .w-auto:after { content: ""; width:40%; }
header .logo { width:50%;}
.top{ display:block; width: auto;}
.top span{ display:none}
}


/********* index css *********/
.button-prev,.button-next,.button-prev2,.button-next2{background: url('../images/ico.png') no-repeat; width:17px; height:26px; cursor:pointer; position:absolute; top: calc(50% - 14px); z-index:2; opacity:.5; cursor: pointer; }
.button-prev,.button-prev2{ background-position:left -40px; left:0; }
.button-next,.button-next2{ background-position:left -67px; right:0; }
.button-prev:hover,.button-next:hover,.button-prev2:hover,.button-next2:hover{ opacity:1; }

.banner .swiper-slide { width:100%; position:relative; background:#fff; }
.banner .swiper-slide:after { content: ""; display: block; padding-bottom: 31.25%;}
.banner .swiper-slide img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.banner .swiper-pagination-bullet{ height: 2px; width: 80px; background-color: rgb(255,255,255,.75); border-radius: 0; }
.banner .swiper-pagination-bullet:after { content: ""; display:block; height: 2px; width: 0; }
.banner .swiper-pagination-bullet-active:after { content: ""; width: 100%; background-color: rgba(0, 126, 193, 1); animation: progressbar linear 4.5s 1 forwards; -webkit-transition: width 4.5s ease-out; transition: width 4.5s ease-out;}
@keyframes progressbar {
from { width: 0; }
to { width: 100%; }
}
.banner .button-prev,.banner .button-next{ position:absolute; top:50%; z-index:3; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); opacity:0; }
.banner .button-prev{ left: 5%; }
.banner .button-next{ right: 5%; }
.banner:hover .button-prev,.banner:hover .button-next{ opacity:.75; }

.seabox{ font-size:14px; color:#666; padding:1em 0; border-top: solid 1px #b5bac0; background: #e8e8e8; overflow: hidden; }
.k-word { font-size:0;}
.k-word span { font-size:14px;}
.k-word a{ font-size:14px; padding:0 .5em;}
.sea-inp { width: 30%; position: relative;}
.sea-inp form { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.sea-inp input[type="text"]{ color: #a7aaa3; width: calc(100% - 64px); height: 32px; line-height: 32px; padding:0 1em; background: #fff; border-radius:16px 0 0 16px; box-sizing:border-box;}
.sea-inp input[type="submit"] { width:64px; height: 32px; background: url('../images/sea_ico.gif') center right no-repeat; cursor:pointer}

.section{ padding:64px 0; position:relative; box-sizing:border-box;}
.secTit { width:100%; color: #070707; font-size: 36px; font-weight:bold;text-align: center;white-space: nowrap;background: url('../images/tilbg1.gif') no-repeat center bottom; padding-bottom:24px; margin-bottom:40px;}
.secTit .en { display: block; font-family: Arial; font-size: 16px; text-transform: uppercase; color: #999;}

/*** sec1 ***/
.sec1 .L,.sec1 .R{ width:50%; box-sizing:border-box;}
.sec1 .L .txt{ padding-right:40px; text-indent: 2em; line-height:1.8;}
.sec1 .R{ background: url('../images/vbg.jpg') no-repeat 50% 50%; background-size:100% 100%; height:320px;  }
.sec1 .R .playBtn{ width:50%; text-align:center;}
.sec1 .R .playBtn img{ width:25%; margin:0 auto; opacity:.75; cursor:pointer;}
.more01 { display:block; width: 120px; height: 40px; line-height: 40px; border-radius: 20px; background: rgba(0, 126, 193, 1); text-align: center; color: #fff; margin-top:16px; }
.more01:hover { background: rgba(57, 80, 130, 1); color: #fff;}
.Pop-ups {  width:100%; height: calc(100 - 90px); background: rgba(0,0,0,.5); position: fixed; top:90px; right:0; left:0; bottom:0; z-index:9; transform: scale(0);-webkit- transition: .4s; transition: .4s; }
.Pop-ups.on { transform: scale(1);}
.Pop-ups .video{ width:90%; max-width:800px; position:relative; -webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit- transition: .8s; transition: .8s;}
.Pop-ups .video video{ width:100%;}
.Pop-ups.on .video {-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.close { display:block; position: absolute; top: -10px; right: -10px; z-index:19; width: 24px; height: 24px; background:#000; border:solid 2px #fff; cursor:pointer;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;}
.close::before, .close::after { content: ''; position: absolute; top:10px; width: 14px; height: 3px; background-color: #fff; }
.close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left:5px;}
.close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 5px;}
/*video::-webkit-media-controls-fullscreen-button{ display: none !important; }video默认全屏按钮*/
/*video::-internal-media-controls-overflow-button{ display: none !important; opacity:0 }video默认全屏按钮*/

/*** sec2 ***/
.sec2{ background: url('../images/bg01.jpg') top left repeat;}
.sec2 .L{ width:20%; position:relative; background: #f4f4f4; }
.sec2 .R{ width: calc(80% - 20px); position:relative; }
.pro-tit { font-size: 24px; font-weight:bold; line-height: 82px; height: 82px; color: #fff; background: url('../images/prolbg1.jpg') no-repeat center 0; text-align: center; }
.pro-nav{ background: #f4f4f4; padding:8px; box-sizing:border-box}
.pro-nav > li{ margin:8px 0; position:relative; }
.pro-nav > li > a { display:block; color: #fff; height: 40px; line-height: 40px; font-size: 18px; font-weight:bold; background: url('../images/prolbg2.png') no-repeat; background-position:right 0; padding: 0 30px; margin-bottom: 4px; box-sizing:border-box; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px;}
.pro-nav > li .has{ width:20px; height:20px; position:absolute; top:10px; right:20px; cursor:pointer;}
.pro-nav > li .lv2{ display:none}
.pro-nav > li.active > a { background-position:right -40px; }
.pro-nav > li .lv2 li { height: 38px; line-height: 38px; border-bottom: dashed 1px #d1d0d0;}
.pro-nav > li .lv2 li a{ display:block; padding-left:30px;}
.pro-nav > li:nth-child(1) .lv2,.pro-nav > li:nth-child(2) .lv2{ display: block}
.pro-nav > li:nth-child(1).active > a,.pro-nav > li:nth-child(2).active > a { background-position:right -40px; }

.pro-lit{ width:100%; position:relative; margin-top:-18px; } 
.pro-lit li{ width: calc(33.3333333% - 12px); margin:18px 18px 0 0; position:relative; background:#fff; border:solid 1px #d2d2d2; text-align:center; box-sizing:border-box;} 
.pro-lit li:nth-child(3n) { margin-right:0}
.pro-lit li .pic {width:100%; position:relative;} 
.pro-lit li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.pro-lit li .pic img { position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.pro-lit li .txt{ margin:8px 0;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient:vertical;}

/*** sec3 ***/
.sec3 .swiper-container{ width:100%; height:540px; position:relative;}
.sec3 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms;  opacity:0; }
.sec3 .swiper-slide-active, .sec3 .swiper-slide-duplicate-active { transform: scale(2); z-index:3; opacity:1}
.sec3 .swiper-slide-prev,.sec3 .swiper-slide-next{ z-index:2; opacity:.5;transform: scale(1.5);}
.sec3 .swiper-slide .pic { width:100%; position:relative;} 
.sec3 .swiper-slide .pic:after { content: ""; display: block; padding-bottom: 66.666666667%;}
.sec3 .swiper-slide .pic img { position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;  border:solid 2px #eee; box-sizing:border-box;}

/*** sec4 ***/
.sec4{ border-top: solid 1px #eee;border-bottom: solid 1px #eee; }
.sec4:after {content: ""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;  background: url('../images/bg01.jpg') top left repeat; opacity:.5}
.sec4 .w-auto{ z-index:2}
.sec4 li:nth-child(2n) { margin-top:8%; }
.sec4 li .pic { width:100%; position:relative}
.sec4 li .pic:after {content: ""; display: block; padding-bottom: 75%;}
.sec4 li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec4 li .font{  color:#666;padding: 0 8px; margin-top:20px;}
.sec4 li .tit{ margin:8px 0; font-size:16px; color:#000; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.sec4 li .txt{ font-size:14px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.sec4 li .time{ font-size:12px; }

@media (max-width: 1200px) {
.sec2 .R{ width: calc(80% - 16px); }
.pro-nav > li > a{ font-size:16px; }
.pro-lit{ margin-top:-16px; } 
.pro-lit li{ width: calc(33.3333333% - 11px); margin:16px 15px 0 0;} 
.sec3 .swiper-container{ height:45vw; }
}

@media (max-width: 1024px) {
.banner .swiper-slide:after { content: ""; display: block; padding-bottom: 40%;}	
.banner .swiper-slide.slide2 img { object-fit: cover; object-position: 65%;}

.k-word span{ font-size:12px; }
.k-word a{ font-size:12px; padding:0 .25em;}
.sea-inp {width: 50%; }

.sec1 .L,.sec1 .R{ width:100%; }
.sec1 .L .txt{ padding-right:0; }
.sec1 .R{ height: auto; margin-top:32px;}
.sec1 .R:after { content: ""; display: block; padding-bottom: 50%;}	
.Pop-ups { height: calc(100 - 60px); top:60px; }
.Pop-ups .video{ width:94%; }
.more01 { margin:0 auto;}

.sec2 .L{ width:100%; background:none; position:relative; z-index:2;}
.sec2 .R{ width:100%; margin-top:20px; }
.pro-tit{ display:none;}
.pro-nav {display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; background:none; padding:0; background: rgba(0, 126, 193, 1);}
.pro-nav > li { width:19.5%; text-align:center; margin:0; padding:10px 0;}
.pro-nav > li > a{ height:auto; line-height: normal; padding:0; margin-bottom:0; background-image:none ; text-align:center; display:inline-block;}
.pro-nav > li .lv2{ display: none; position:absolute; top:100%; height:auto; width:100%; background:rgba(0, 0, 0, .75); color:#fff;}
.pro-nav > li .lv2 li a{ padding-left:0; text-align:center}
.pro-nav > li:nth-child(1) .lv2, .pro-nav > li:nth-child(2) .lv2{display: none;}
.pro-nav > li .has{ display:block; position:inherit; top:inherit; right:inherit; display:inline-block; vertical-align:-4px; margin-left:4px;
-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; background:#0cc}
.pro-nav > li .has::after { content: ""; position:absolute; top:calc(50% - 1px); left:25%; width:50%; height: 2px; background:#fff; }
.pro-nav > li .has::before { content: ""; position:absolute; top:25%; left:calc(50% - 1px); width:2px; height: 50%; background:#fff; }
.pro-nav > li.active > .has::before { content: ""; display:none; }


}

@media (max-width: 800px) {
.k-word{ padding-left:8px; margin-bottom:8px; }
.sea-inp {width: 100%; }
.section{ padding:48px 0;}
.secTit{ margin-bottom:20px;}

.pro-tit{ display: block; font-size:20px; color: #fff; height:auto; line-height:normal; text-align: left; background: rgba(0, 126, 193, 1); padding:16px; border: 1px solid #e5e5e5; position: relative;-webkit-transition: 0.5s ease 0s;-ms-transition: 0.5s ease 0s;-o-transition: 0.5s ease 0s;transition: 0.5s ease 0s;}
.pro-tit:after {content:""; position:absolute; top:50%;right:16px; width:20px; height:20px; background: url('../images/ico.png') no-repeat rgba(0, 0, 0, .25); background-position: 5px -136px; padding:4px; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.pro-tit.on:after {content:"";  background-position: 5px -164px;}
.pro-nav { display: none; position: absolute; left:0; z-index: 19; width: 100%; background: rgba(0, 0, 0, .75); padding:16px; border: 1px solid #e5e5e5; border-top:none; box-sizing:border-box; }
.pro-nav > li{ width:100%; text-align:left; }
.pro-nav > li a{ font-size:16px;}
.pro-nav > li .lv2{ display:none; position:relative; top: inherit; background:none; padding:8px 0 0 4px; box-sizing:border-box; }
.pro-nav > li .lv2::after{ content: ''; position: absolute; left:4px; top:0; width:1px; height: calc(100% - 18px); background:#fff}
.pro-nav > li .lv2 li{ padding:8px 0 8px 1em; position:relative; height:auto; line-height:normal; box-sizing:border-box; border:none;}
.pro-nav > li .lv2 li::after{ content: ''; position: absolute; left:0; top:49%; width:8px; height:1px; background:#fff}
.pro-nav > li .lv2 li a{text-align:left;}
.pro-nav > li .has{ margin-left:12px;}

}

@media (max-width: 640px) {
.pro-lit li{ width: calc(50% - 8px);} 
.pro-lit li:nth-child(3n) { margin-right:16px}
.pro-lit li:nth-child(2n) { margin-right:0}
.sec4 li:nth-child(2n) { margin-top:0; }
}



/********* page css *********/
.bar { width:100%; position:relative; }
.bar .pic { width:100%; position:relative;}
.bar .pic:after { content: ""; display: block; padding-bottom: 18.2292%;}
.bar .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.main{ padding-bottom:64px;}
.pos{ color:#898989; font-size:14px; width:100%; line-height:48px; position:relative; padding-left:16px; margin-bottom:16px; border-bottom:1px dashed #dcdcdc; box-sizing:border-box;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; text-transform:Capitalize  }
.pos:after{content:""; position:absolute; top:16px; left:0; width:11px; height: 16px; background: url('../images/ico.png') no-repeat left -96px;}

/*** about ***/
.title{ width:100%; text-align:center; position:relative; padding:64px 0; }
.title b{ font-size:30px; color: rgba(0, 126, 193, 1); display:block; }
.title span{ font: 14px 'Tahoma', 'Arial', 'sans-serif'; color:#999; text-transform:Uppercase; display:block; }
.title span em{ position:relative; display:inline-block}
.title span em:before,.title span em:after { content: "";position: absolute; top: calc(50% - 1px); width: 24px; height: 3px; background: rgba(0, 126, 193, 1); z-index: 1; }
.title span em:before { left:-48px; }
.title span em:after { right:-48px; }
.title i:before,.title i:after{ content: ""; position: absolute; top: 50%; width: 64px; height: 1px; background: #bfbdbe; }
.title i:before{ left: -112px; }
.title i:after { right: -112px; }
.about-txt{ text-align: justify; text-indent: 2em; line-height:2; }
.cul-list ul {display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; width:100%; }
.cul-list li{ width:33.333333%; padding:16px 2em; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; box-sizing:border-box; }
.cul-list li:nth-child(3n) { border-right:none; }
.cul-list li:nth-last-child(1){ border-bottom:none;}
.about .gallery { width:100%; position:relative;}
.about .gallery a {width:calc(33.333333% - 11px); margin: 0 16px 16px 0; text-align:center; }
.about .gallery a:nth-child(3n) { margin: 0 0 16px 0; }
.about .gallery a .pic { width:100%; position:relative;}
.about .gallery a .pic:after {content: ""; display: block; padding-bottom: 75%;}
.about .gallery a .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; border:solid 1px #e5e5e5; padding:4px; box-sizing: border-box; }
.about .gallery a .txt{ padding:.5em 0; background:#f7f7f7;}
.about .gallery a:hover .txt{background:rgba(0, 126, 193, 1); color:#fff; }

/*** products ***/
.page-L{ width:20%; position:relative; }
.page-R{ width: calc(80% - 40px); position:relative; }
.page-L .pro-nav > li:nth-child(3) .lv2{ display: block}
.page-L .pro-nav > li:nth-child(3).active > a { background-position:right -40px; }

/*** proshow ***/
.proshow .page-R .show-pic{ width:50%; margin:0 auto; text-align:center; position:relative;}
.proshow .page-R .show-pic .pic { width:100%; position:relative; }
.proshow .page-R .show-pic .pic:after { content: ""; display: block; padding-bottom: 75%; }
.proshow .page-R .show-pic .pic img { position: absolute; top: 0; bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; }
.m-info { width:100%;}
.m-info .tit { width:100%; height: 40px; line-height: 40px; margin: 40px 0; border-bottom: 1px solid #bfbfbf;}
.m-info .tit span { display:inline-block; width: 140px; text-align: center; font-size: 18px; color: #333; margin-bottom: 40px; border: 1px solid #bfbfbf; border-bottom: none; background: #fff;}
.detail, .detail p{ line-height:2; text-align: justify; text-indent: 2em; }
.detail p img{ text-indent: -2em; margin:0 auto; display:block}
.detail table{ margin:0 auto; }
.detail table tj,.detail table td{ padding:8px; text-align:center}
.detail table p {text-indent: inherit;}


/*** 页码 ***/
.page-num{ font-size:0; text-align:center; margin:0 auto; margin-top:32px;}
.page-num a{ display:inline-block;color: #666; font-size:12px;  padding:0 8px; line-height: 26px; border: 1px solid #e5e5e5; color: #666; text-align: center; margin-right: 6px;box-sizing:border-box;}
.page-num .page-cur,.page-num a:hover { background:rgba(0, 126, 193, 1); border:1px solid rgba(0, 126, 193, 1); color:#fff}

/*** 厂房 相册***/
.Equ .gallery { width:100%; position:relative;}
.Equ .gallery a {width:calc(25% - 12px); margin: 0 16px 16px 0; text-align:center; }
.Equ .gallery a:nth-child(4n) { margin: 0 0 16px 0; }
.Equ .gallery a .pic { width:100%; position:relative;}
.Equ .gallery a .pic:after {content: ""; display: block; padding-bottom: 66.6666667%;}
.Equ .gallery a .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; border:solid 1px #e5e5e5; padding:4px; box-sizing: border-box; }
.Equ .gallery a .txt{ padding:.5em 0; background:#f7f7f7;}
.Equ .gallery a:hover .txt{background:rgba(0, 126, 193, 1); color:#fff; }

/*** 新闻 ***/
.Nlist { width:86%; margin:0 auto; position:relative;}
.Nlist li{ border: 1px solid #dedede; margin-bottom: 16px; padding: 20px 40px 20px 20px; background: #fff; overflow: hidden; box-sizing:border-box; }
.Nlist li:last-child{ margin-bottom:0; }
.Nlist li a{display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.Nlist li .pic{ width:23%; position:relative; }
.Nlist li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.Nlist li .pic img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Nlist li .font{ width:72%; color:#4a4a4a;}
.Nlist li .font .tit{ font-size:18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.Nlist li .font .txt{ font-size:14px; color:#797979; line-height:1.6; margin:1em 0; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical; }
.Nlist li .font .t-m { display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between;
justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
font-size:12px; }
.Nlist li .font .t-m span{ display:block; width: 90px; height: 30px; line-height: 30px; text-align: center; background: #b6b6b6; color: #fff; }
.Nlist li:hover{ border: 1px solid rgba(0, 126, 193, 1); }
.Nlist li:hover .font .tit{ color: rgba(0, 126, 193, 1); }
.Nlist li:hover .t-m span{ background: rgba(0, 126, 193, 1); }

/*** 新闻详情 ***/
.newshow .Inf-tit{ font-size:24px; text-align:center; padding:1.5em 0}
.newshow .sour { text-align:center; border-bottom: dashed 1px #999; margin-bottom:32px;}
.newshow .sour span{ margin:0 .5em; font-size:14px; color:#666;}

/*定位指向*/
.guide{ width:100%; font-size:14px; margin-top:32px; padding:1em; background:#f7f7f7; box-sizing:border-box; }
.guide span{ width:calc((100% - 100px) / 2); color:#666;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.guide span:nth-child(2) { width:100px; }
.guide span:last-child { text-align:right; }
.guide span a{ color:#333}
.guide span a:hover{ color:rgba(0, 126, 193, 1); }

/*** 相关 ***/
.related{ width:100%; margin-top:32px; padding:16px; background:#f7f7f7; box-sizing:border-box; }
.related .rel-tit{ font-size:18px;}
.related .Rlist li{ width:48%; font-size:14px; line-height:32px; padding:.5em 0 .5em .75em; margin-top:1em; border-bottom:1px dashed #dbdbdb; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical; box-sizing:border-box;}
.related .Rlist2 li{ width: calc(25% - 12px); position:relative; background:#fff; border:solid 1px #d2d2d2; text-align:center; margin:16px 16px 0 0; box-sizing:border-box;} 
.related .Rlist2 li:nth-child(4n) { margin-right:0}
.related .Rlist2 li .pic {width:100%; position:relative;} 
.related .Rlist2 li .pic:after { content: ""; display: block; padding-bottom: 75%;}
.related .Rlist2 li .pic img { position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.related .Rlist2 li .txt{ padding:8px 0;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient:vertical;}


/*** 联系 ***/
.contact .txt{ font-size:0; width:100%; border: 1px solid #e1e1e1; padding:20px 16px; position:relative; box-sizing:border-box;}
.contact .txt::after { content:""; position:absolute; left:50%; top:20px; width:1px; height:calc(100% - 100px);  background: #e1e1e1; }
.contact .txt p{ display:inline-block; font-size:16px; width: calc(50% - 8%); margin:0 4%; padding:20px 8px 20px 40px; border-bottom: 1px solid #e1e1e1; position:relative; box-sizing:border-box;}
.contact .txt p:last-child{  width: calc(100% - 8%); }
.contact .txt p::after { content:""; position:absolute; left:0; top:calc(50% - 16px); width:32px; height: 32px; background: url('../images/ico2.png') no-repeat; background-size:cover; }
.contact .txt p:nth-child(1)::after { background-position: left 0px;}
.contact .txt p:nth-child(2)::after { background-position: left -32px;}
.contact .txt p:nth-child(3)::after { background-position: left -63px;}
.contact .txt p:nth-child(4)::after { background-position: left -95px;}
.contact .txt p:nth-child(5)::after { background-position: left -128px;}
.contact .txt p:nth-child(6)::after { background-position: left -226px;}
.contact .txt p:nth-child(7)::after { background-position: left -160px;}
.contact .txt p:nth-child(8)::after { background-position: left -192px;}
/*** 地图 ***/
#map { width: 100%; border:1px solid rgb(204, 204, 204) }
#map .content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0; }
#map .content-window-card p { height: 2rem; }
#map .custom-info { border: solid 1px silver; }
#map div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0; }
#map div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px; }
#map div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s; }
#map div.info-top img:hover { box-shadow: 0px 0px 5px #000; }
#map div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px; }
#map div.info-bottom { height: 0px; width: 100%; clear: both; text-align: center; }
#map div.info-bottom img { position: relative; z-index: 104; }
#map .info-middle img { float: left; margin-right: 6px; }


@media (max-width: 1200px) {
.Nlist { width:90%}
.Nlist li .pic{ width:25%; }
.Nlist li .font{ width:70% ;}
.Nlist li .font .tit{ font-size:16px;}
}

@media (max-width: 1024px) {
.bar .pic:after { content: ""; padding-bottom: 25%;}
.main{ padding-bottom:48px;}
.title{ padding: 24px 0 48px 0;}		
.page-L{ width:100%; position:relative; z-index:2 }
.page-R{ width: 100%; margin-top:20px;}
.page-L .pro-nav > li:nth-child(3) .lv2 { display: none;}
.Nlist { width:100%}
.guide span{ width:100%; padding:.25em 0;}
.guide span:nth-child(2) { width:100%; }
.guide span:last-child { text-align: left; }
.related li{ width:100%;}
}

@media (max-width: 900px) {
.contact .txt p{ width: 100%; margin:0;}
.contact .txt::after { content:""; display:none; }
.contact .txt p:last-child{  width: 100%; }
}


@media (max-width: 800px) {
.bar .pic:after { content: ""; padding-bottom: 33.33333%;}
.cul-list li{ width:50%; }
.cul-list li:nth-child(2n) { border-right:none; }
.cul-list li:nth-child(2n+1) { border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.cul-list li:nth-last-child(2){ border-bottom:none;}

.about .gallery a {width:calc(50% - 8px); }
.about .gallery a:nth-child(2n) { margin: 0 0 16px 0; }
.about .gallery a:nth-child(2n+1) { margin: 0 16px 16px 0; }

.proshow .page-R .show-pic{ width:100%;}
.proshow .page-R .brief{ width:100%; margin-top:20px; padding:0 }
.proshow .page-R .brief .txt { height: auto; overflow: visible;}
.m-info .tit span { width: 128px; font-size: 16px;}
.Nlist li{ padding:16px;}
.Nlist li .pic{ width:30%; }
.Nlist li .font{ width:65%;}
.Equ .gallery a {width:calc(33.3333333% - 11px); }
.Equ .gallery a:nth-child(4n) { margin: 0 16px 16px 0; }
.Equ .gallery a:nth-child(3n) { margin: 0 0 16px 0; }

.related .Rlist2 li{ width: calc(50% - 8px); } 
.related .Rlist2 li:nth-child(4n) { margin-right:16px}
.related .Rlist2 li:nth-child(2n) { margin-right:0}

.detail table{ font-size:10px }
}

@media (max-width: 560px) {
.Equ .gallery a {width:calc(50% - 8px); }
.Equ .gallery a:nth-child(3n) { margin: 0 16px 16px 0; }
.Equ .gallery a:nth-child(2n) { margin: 0 0 16px 0; }

}

@media (max-width: 480px) {
.cul-list li{ width:100%;}
.cul-list li:nth-child(2n) { border-right:none; }
.cul-list li:nth-child(2n+1) { border-right:none; }
.cul-list li:nth-last-child(2){border-bottom:solid 1px #ddd;}
.Nlist li .pic{ display:none }
.Nlist li .font{ width:100% ;}
}